<template>
  <div>
    <byd-header/>
    <!-- 左侧列表 ul  li -->
    <div class="titles">
      <Ul type="none" id="tb">
        <li>
          <a href="#table1"><i class="el-icon-s-data active">尺寸参数</i></a>
        </li>
        <li>
          <a href="#table2"><i class="el-icon-s-promotion">动力性能</i></a>
        </li>
        <li>
          <a href="#table3"><i class="el-icon-upload">制动悬架</i></a>
        </li>
        <li>
          <a href="#table4"><i class="el-icon-warning">安全装备</i></a>
        </li>
        <li>
          <a href="#table5"><i class="el-icon-s-tools">驾驶装备</i></a>
        </li>
        <li>
          <a href="#table6"><i class="el-icon-s-open">外观装备</i></a>
        </li>
        <li>
          <a href="#table7"><i class="el-icon-s-goods"> 内饰装备</i></a>
        </li>
        <li>
          <a href="#table8"><i class="el-icon-s-platform">智能系统</i></a>
        </li>
        <li>
          <a href="#table9"><i class="el-icon-s-opportunity">灯光设备</i></a>
        </li>
        <li>
          <a href="#table10"><i class="el-icon-star-on">玻璃设备</i></a>
        </li>
        <li>
          <a href="#table11"><i class="el-icon-menu">空调设备</i> </a>
        </li>
        <li>
          <a href="#table12"><i class="el-icon-s-marketing">新能源类</i></a>
        </li>
      </Ul>
    </div>
    <!-- 版心 -->
    <div id="center">
      <!-- 栅格布局，顶部四张海豹车图片-->
      <el-row :gutter="20" style="margin-top: 5px">
        <el-col :span="4">
            <img src="../assets/param_data.png"
            style="margin: 30px 0;width:100%" />
        </el-col>
        <el-col :span="5">
          <el-card :body-style="{ padding: '0px' }">
            <img src="/pic/param/hb_jy.jpg" class="image" />
            <div style="padding: 14px">
              <i><h4>海豹-精英型</h4></i>
            </div>
          </el-card>
        </el-col>
        <el-col :span="5">
          <el-card :body-style="{ padding: '0px' }">
            <img src="/pic/param/hb_zg.jpg" class="image" />
            <div style="padding: 14px">
              <i><h4>海豹-尊贵型</h4></i>
            </div>
          </el-card>
        </el-col>
        <el-col :span="5">
          <el-card :body-style="{ padding: '0px' }">
            <img src="/pic/param/hb_hq.jpg" class="image" />
            <div style="padding: 14px">
              <i><h4>海豹-后驱版</h4></i>
            </div>
          </el-card>
        </el-col>
        <el-col :span="5">
          <el-card :body-style="{ padding: '0px' }">
            <img src="/pic/param/hb_sq.jpg" class="image" />
            <div style="padding: 14px">
              <i><h4>海豹-四驱性能版</h4></i>
            </div>
          </el-card>
        </el-col>
      </el-row>

      <!-- 左侧表格锚点列表 -->
      <el-row :gutter="20" style="margin-top: 5px">
        <el-col
          :span="24"
          style="height: calc(100vh - 355px); overflow: auto"
          class="scroll"
          v-if="data"
        >
          <!-- <table>
            <tr id="table1">
              <td>尺寸参数</td>
              
            </tr>
          </table> -->
          <el-button type="success" id="table1">尺寸参数</el-button>
          <table style="border-collapse: collapse" border="1">
            <tr>
              <td>长×宽×高(mm)</td>
              <td>{{ data[0].size_a }}</td>
              <td>{{ data[1].size_a }}</td>
              <td>{{ data[2].size_a }}</td>
              <td>{{ data[3].size_a }}</td>
            </tr>
            <tr>
              <td>轴距(mm)</td>
              <td>{{ data[0].size_b }}</td>
              <td>{{ data[1].size_b }}</td>
              <td>{{ data[2].size_b }}</td>
              <td>{{ data[3].size_b }}</td>
            </tr>
            <tr>
              <td>轮距前/后(mm)</td>
              <td>{{ data[0].size_c }}</td>
              <td>{{ data[1].size_c }}</td>
              <td>{{ data[2].size_c }}</td>
              <td>{{ data[3].size_c }}</td>
            </tr>
            <tr>
              <td>最小转弯半径(m)</td>
              <td>{{ data[0].size_d }}</td>
              <td>{{ data[1].size_d }}</td>
              <td>{{ data[2].size_d }}</td>
              <td>{{ data[3].size_d }}</td>
            </tr>
            <tr>
              <td>轮胎规格</td>
              <td>{{ data[0].size_e }}</td>
              <td>{{ data[1].size_e }}</td>
              <td>{{ data[2].size_e }}</td>
              <td>{{ data[3].size_e }}</td>
            </tr>
            <tr>
              <td>系统综合最大功率(kW)</td>
              <td>{{ data[0].power_g }}</td>
              <td>{{ data[1].power_g }}</td>
              <td>{{ data[2].power_g }}</td>
              <td>{{ data[3].power_g }}</td>
            </tr>
            <tr>
              <td>系统综合最大扭矩(N·m)</td>
              <td>{{ data[0].power_h }}</td>
              <td>{{ data[1].power_h }}</td>
              <td>{{ data[2].power_h }}</td>
              <td>{{ data[3].power_h }}</td>
            </tr>
            <tr>
              <td>双色铝合金轮毂</td>
              <td>{{ data[0].facade_l }}</td>
              <td>{{ data[1].facade_l }}</td>
              <td>{{ data[2].facade_l }}</td>
              <td>{{ data[3].facade_l }}</td>
            </tr>
            <tr>
              <td>整车质保</td>
              <td colspan="4">{{ data[0].size_f }}</td>
            </tr>
          </table>
          <el-button type="success" id="table2">动力性能</el-button>
          <table style="border-collapse: collapse" border="1">
            <tr>
              <td>后驱动电机类型</td>
              <td>{{ data[0].power_a }}</td>
              <td>{{ data[1].power_a }}</td>
              <td>{{ data[2].power_a }}</td>
              <td>{{ data[3].power_a }}</td>
            </tr>
            <tr>
              <td>后驱动电机最大功率(kW)</td>
              <td>{{ data[0].power_b }}</td>
              <td>{{ data[1].power_b }}</td>
              <td>{{ data[2].power_b }}</td>
              <td>{{ data[3].power_b }}</td>
            </tr>
            <tr>
              <td>后驱动电机最大扭矩(N•m)</td>
              <td>{{ data[0].power_c }}</td>
              <td>{{ data[1].power_c }}</td>
              <td>{{ data[2].power_c }}</td>
              <td>{{ data[3].power_c }}</td>
            </tr>
            <tr>
              <td>前驱动电机类型</td>
              <td>{{ data[0].power_d }}</td>
              <td>{{ data[1].power_d }}</td>
              <td>{{ data[2].power_d }}</td>
              <td>{{ data[3].power_d }}</td>
            </tr>

            <tr>
              <td>前驱动电机最大功率(kW)</td>
              <td>{{ data[0].power_e }}</td>
              <td>{{ data[1].power_e }}</td>
              <td>{{ data[2].power_e }}</td>
              <td>{{ data[3].power_e }}</td>
            </tr>
            <tr>
              <td>前驱动电机最大扭矩(N•m)</td>
              <td>{{ data[0].power_f }}</td>
              <td>{{ data[1].power_f }}</td>
              <td>{{ data[2].power_f }}</td>
              <td>{{ data[3].power_f }}</td>
            </tr>

            <tr>
              <td>驱动型式</td>
              <td>{{ data[0].power_i }}</td>
              <td>{{ data[1].power_i }}</td>
              <td>{{ data[2].power_i }}</td>
              <td>{{ data[3].power_i }}</td>
            </tr>

            <tr>
              <td>工况法纯电续驶里程(km)</td>
              <td>{{ data[0].power_j }}</td>
              <td>{{ data[1].power_j }}</td>
              <td>{{ data[2].power_j }}</td>
              <td>{{ data[3].power_j }}</td>
            </tr>

            <tr>
              <td>动力电池容量(kWh)</td>
              <td>{{ data[0].power_k }}</td>
              <td>{{ data[1].power_k }}</td>
              <td>{{ data[2].power_k }}</td>
              <td>{{ data[3].power_k }}</td>
            </tr>

            <tr>
              <td>动力电池类型</td>
              <td>{{ data[0].power_l }}</td>
              <td>{{ data[1].power_l }}</td>
              <td>{{ data[2].power_l }}</td>
              <td>{{ data[3].power_l }}</td>
            </tr>

            <tr>
              <td>快充时间(min)(30%_80%)</td>
              <td>{{ data[0].power_m }}</td>
              <td>{{ data[1].power_m }}</td>
              <td>{{ data[2].power_m }}</td>
              <td>{{ data[3].power_m }}</td>
            </tr>

            <tr>
              <td>0_100km/h加速时间(s)</td>
              <td>{{ data[0].power_n }}</td>
              <td>{{ data[1].power_n }}</td>
              <td>{{ data[2].power_n }}</td>
              <td>{{ data[3].power_n }}</td>
            </tr>
          </table>
          <el-button type="success" id="table3">制动悬架</el-button>
          <table style="border-collapse: collapse" border="1">
            <tr>
              <td>前制动器类型</td>
              <td>{{ data[0].brake_a }}</td>
              <td>{{ data[1].brake_a }}</td>
              <td>{{ data[2].brake_a }}</td>
              <td>{{ data[3].brake_a }}</td>
            </tr>
            <tr>
              <td>后制动器类型</td>
              <td>{{ data[0].brake_b }}</td>
              <td>{{ data[1].brake_b }}</td>
              <td>{{ data[2].brake_b }}</td>
              <td>{{ data[3].brake_b }}</td>
            </tr>
            <tr>
              <td>驻车制动类型</td>
              <td>{{ data[0].brake_c }}</td>
              <td>{{ data[1].brake_c }}</td>
              <td>{{ data[2].brake_c }}</td>
              <td>{{ data[3].brake_c }}</td>
            </tr>
            <tr>
              <td>转向助力类型</td>
              <td>{{ data[0].brake_d }}</td>
              <td>{{ data[1].brake_d }}</td>
              <td>{{ data[2].brake_d }}</td>
              <td>{{ data[3].brake_d }}</td>
            </tr>
            <tr>
              <td>前悬架类型</td>
              <td>{{ data[0].brake_e }}</td>
              <td>{{ data[1].brake_e }}</td>
              <td>{{ data[2].brake_e }}</td>
              <td>{{ data[3].brake_e }}</td>
            </tr>
            <tr>
              <td>后悬架类型</td>
              <td>{{ data[0].brake_f }}</td>
              <td>{{ data[1].brake_f }}</td>
              <td>{{ data[2].brake_f }}</td>
              <td>{{ data[3].brake_f }}</td>
            </tr>
          </table>
          <el-button type="success" id="table4">安全装备</el-button>
          <table style="border-collapse: collapse" border="1">
            <tr>
              <td>智能动力制动系统</td>
              <td>{{ data[0].safty_a }}</td>
              <td>{{ data[1].safty_a }}</td>
              <td>{{ data[2].safty_a }}</td>
              <td>{{ data[3].safty_a }}</td>
            </tr>
            <tr>
              <td>舒适停车控制系统</td>
              <td>{{ data[0].safty_b }}</td>
              <td>{{ data[1].safty_b }}</td>
              <td>{{ data[2].safty_b }}</td>
              <td>{{ data[3].safty_b }}</td>
            </tr>
            <tr>
              <td>车身电子稳定系统</td>
              <td>{{ data[0].safty_c }}</td>
              <td>{{ data[1].safty_c }}</td>
              <td>{{ data[2].safty_c }}</td>
              <td>{{ data[3].safty_c }}</td>
            </tr>
            <tr>
              <td>自动驻车系统</td>
              <td>{{ data[0].safty_d }}</td>
              <td>{{ data[1].safty_d }}</td>
              <td>{{ data[2].safty_d }}</td>
              <td>{{ data[3].safty_d }}</td>
            </tr>
            <tr>
              <td>坡道起步控制系统</td>
              <td>{{ data[0].safty_e }}</td>
              <td>{{ data[1].safty_e }}</td>
              <td>{{ data[2].safty_e }}</td>
              <td>{{ data[3].safty_e }}</td>
            </tr>
            <tr>
              <td>电子制动力分配系统</td>
              <td>{{ data[0].safty_f }}</td>
              <td>{{ data[1].safty_f }}</td>
              <td>{{ data[2].safty_f }}</td>
              <td>{{ data[3].safty_f }}</td>
            </tr>
            <tr>
              <td>液压制动辅助系统</td>
              <td>{{ data[0].safty_g }}</td>
              <td>{{ data[1].safty_g }}</td>
              <td>{{ data[2].safty_g }}</td>
              <td>{{ data[3].safty_g }}</td>
            </tr>
            <tr>
              <td>牵引力控制系统</td>
              <td>{{ data[0].safty_h }}</td>
              <td>{{ data[1].safty_h }}</td>
              <td>{{ data[2].safty_h }}</td>
              <td>{{ data[3].safty_h }}</td>
            </tr>
            <tr>
              <td>车辆动态控制系统</td>
              <td>{{ data[0].safty_i }}</td>
              <td>{{ data[1].safty_i }}</td>
              <td>{{ data[2].safty_i }}</td>
              <td>{{ data[3].safty_i }}</td>
            </tr>
            <tr>
              <td>液压助力制动系统</td>
              <td>{{ data[0].safty_j }}</td>
              <td>{{ data[1].safty_j }}</td>
              <td>{{ data[2].safty_j }}</td>
              <td>{{ data[3].safty_j }}</td>
            </tr>
            <tr>
              <td>驻车制动减速度控制系统</td>
              <td>{{ data[0].safty_k }}</td>
              <td>{{ data[1].safty_k }}</td>
              <td>{{ data[2].safty_k }}</td>
              <td>{{ data[3].safty_k }}</td>
            </tr>
            <tr>
              <td>TPMS直接式胎压监测系统(数字显示)</td>
              <td>{{ data[0].safty_l }}</td>
              <td>{{ data[1].safty_l }}</td>
              <td>{{ data[2].safty_l }}</td>
              <td>{{ data[3].safty_l }}</td>
            </tr>
            <tr>
              <td>驾驶员监测辅助系统</td>
              <td>{{ data[0].safty_m }}</td>
              <td>{{ data[1].safty_m }}</td>
              <td>{{ data[2].safty_m }}</td>
              <td>{{ data[3].safty_m }}</td>
            </tr>
            <tr>
              <td>四活塞定钳(前)</td>
              <td>{{ data[0].safty_n }}</td>
              <td>{{ data[1].safty_n }}</td>
              <td>{{ data[2].safty_n }}</td>
              <td>{{ data[3].safty_n }}</td>
            </tr>
            <tr>
              <td>前排双安全气囊</td>
              <td>{{ data[0].safty_o }}</td>
              <td>{{ data[1].safty_o }}</td>
              <td>{{ data[2].safty_o }}</td>
              <td>{{ data[3].safty_o }}</td>
            </tr>
            <tr>
              <td>主驾膝部气囊</td>
              <td>{{ data[0].safty_p }}</td>
              <td>{{ data[1].safty_p }}</td>
              <td>{{ data[2].safty_p }}</td>
              <td>{{ data[3].safty_p }}</td>
            </tr>
            <tr>
              <td>前排座椅侧气囊</td>
              <td>{{ data[0].safty_q }}</td>
              <td>{{ data[1].safty_q }}</td>
              <td>{{ data[2].safty_q }}</td>
              <td>{{ data[3].safty_q }}</td>
            </tr>
            <tr>
              <td>后排座椅侧气囊</td>
              <td>{{ data[0].safty_r }}</td>
              <td>{{ data[1].safty_r }}</td>
              <td>{{ data[2].safty_r }}</td>
              <td>{{ data[3].safty_r }}</td>
            </tr>
            <tr>
              <td>前后贯穿式侧气帘</td>
              <td>{{ data[0].safty_s }}</td>
              <td>{{ data[1].safty_s }}</td>
              <td>{{ data[2].safty_s }}</td>
              <td>{{ data[3].safty_s }}</td>
            </tr>
            <tr>
              <td>前排安全带未系提醒</td>
              <td>{{ data[0].safty_t }}</td>
              <td>{{ data[1].safty_t }}</td>
              <td>{{ data[2].safty_t }}</td>
              <td>{{ data[3].safty_t }}</td>
            </tr>
            <tr>
              <td>后排安全带未系提醒</td>
              <td>{{ data[0].safty_u }}</td>
              <td>{{ data[1].safty_u }}</td>
              <td>{{ data[2].safty_u }}</td>
              <td>{{ data[3].safty_u }}</td>
            </tr>
            <tr>
              <td>ISO_FIX儿童座椅固定装置</td>
              <td>{{ data[0].safty_v }}</td>
              <td>{{ data[1].safty_v }}</td>
              <td>{{ data[2].safty_v }}</td>
              <td>{{ data[3].safty_v }}</td>
            </tr>
            <tr>
              <td>机械儿童安全锁</td>
              <td>{{ data[0].safty_w }}</td>
              <td>{{ data[1].safty_w }}</td>
              <td>{{ data[2].safty_w }}</td>
              <td>{{ data[3].safty_w }}</td>
            </tr>
            <tr>
              <td>电子儿童安全锁</td>
              <td>{{ data[0].safty_x }}</td>
              <td>{{ data[1].safty_x }}</td>
              <td>{{ data[2].safty_x }}</td>
              <td>{{ data[3].safty_x }}</td>
            </tr>
            <tr>
              <td>车速感应自动上锁</td>
              <td>{{ data[0].safty_y }}</td>
              <td>{{ data[1].safty_y }}</td>
              <td>{{ data[2].safty_y }}</td>
              <td>{{ data[3].safty_y }}</td>
            </tr>
            <tr>
              <td>组合仪表限速提醒装置</td>
              <td>{{ data[0].safty_z }}</td>
              <td>{{ data[1].safty_z }}</td>
              <td>{{ data[2].safty_z }}</td>
              <td>{{ data[3].safty_z }}</td>
            </tr>
            <tr>
              <td>车身电子防盗系统</td>
              <td>{{ data[0].safty_aa }}</td>
              <td>{{ data[1].safty_aa }}</td>
              <td>{{ data[2].safty_aa }}</td>
              <td>{{ data[3].safty_aa }}</td>
            </tr>
            <tr>
              <td>低速行人提醒系统</td>
              <td>{{ data[0].safty_bb }}</td>
              <td>{{ data[1].safty_bb }}</td>
              <td>{{ data[2].safty_bb }}</td>
              <td>{{ data[3].safty_bb }}</td>
            </tr>
          </table>
          <el-button type="success" id="table5">驾驶装备</el-button>
          <table style="border-collapse: collapse" border="1">
            <tr>
              <td>ACC-S&G起停自适应巡航系统</td>
              <td>{{ data[0].assist_a }}</td>
              <td>{{ data[1].assist_a }}</td>
              <td>{{ data[2].assist_a }}</td>
              <td>{{ data[3].assist_a }}</td>
            </tr>
            <tr>
              <td>AEB-CCR自动紧急制动系统</td>
              <td>{{ data[0].assist_b }}</td>
              <td>{{ data[1].assist_b }}</td>
              <td>{{ data[2].assist_b }}</td>
              <td>{{ data[3].assist_b }}</td>
            </tr>
            <tr>
              <td>ICC智能巡航控制系统</td>
              <td>{{ data[0].assist_c }}</td>
              <td>{{ data[1].assist_c }}</td>
              <td>{{ data[2].assist_c }}</td>
              <td>{{ data[3].assist_c }}</td>
            </tr>
            <tr>
              <td>FCW前向碰撞预警</td>
              <td>{{ data[0].assist_d }}</td>
              <td>{{ data[1].assist_d }}</td>
              <td>{{ data[2].assist_d }}</td>
              <td>{{ data[3].assist_d }}</td>
            </tr>
            <tr>
              <td>RCW后向碰撞预警</td>
              <td>{{ data[0].assist_e }}</td>
              <td>{{ data[1].assist_e }}</td>
              <td>{{ data[2].assist_e }}</td>
              <td>{{ data[3].assist_e }}</td>
            </tr>
            <tr>
              <td>LDWS车道偏离预警系统</td>
              <td>{{ data[0].assist_f }}</td>
              <td>{{ data[1].assist_f }}</td>
              <td>{{ data[2].assist_f }}</td>
              <td>{{ data[3].assist_f }}</td>
            </tr>
            <tr>
              <td>LCA并线辅助系统</td>
              <td>{{ data[0].assist_g }}</td>
              <td>{{ data[1].assist_g }}</td>
              <td>{{ data[2].assist_g }}</td>
              <td>{{ data[3].assist_g }}</td>
            </tr>
            <tr>
              <td>TJA交通拥堵辅助系统</td>
              <td>{{ data[0].assist_h }}</td>
              <td>{{ data[1].assist_h }}</td>
              <td>{{ data[2].assist_h }}</td>
              <td>{{ data[3].assist_h }}</td>
            </tr>
            <tr>
              <td>BSD盲区监测系统</td>
              <td>{{ data[0].assist_i }}</td>
              <td>{{ data[1].assist_i }}</td>
              <td>{{ data[2].assist_i }}</td>
              <td>{{ data[3].assist_i }}</td>
            </tr>
            <tr>
              <td>RCTA后方交通穿行预警</td>
              <td>{{ data[0].assist_j }}</td>
              <td>{{ data[1].assist_j }}</td>
              <td>{{ data[2].assist_j }}</td>
              <td>{{ data[3].assist_j }}</td>
            </tr>
            <tr>
              <td>RCTB后方交通穿行制动</td>
              <td>{{ data[0].assist_k }}</td>
              <td>{{ data[1].assist_k }}</td>
              <td>{{ data[2].assist_k }}</td>
              <td>{{ data[3].assist_k }}</td>
            </tr>
            <tr>
              <td>DOW开门预警</td>
              <td>{{ data[0].assist_l }}</td>
              <td>{{ data[1].assist_l }}</td>
              <td>{{ data[2].assist_l }}</td>
              <td>{{ data[3].assist_l }}</td>
            </tr>
            <tr>
              <td>W-HUD抬头显示</td>
              <td>{{ data[0].assist_m }}</td>
              <td>{{ data[1].assist_m }}</td>
              <td>{{ data[2].assist_m }}</td>
              <td>{{ data[3].assist_m }}</td>
            </tr>
            <tr>
              <td>iTAC智能扭矩控制系统</td>
              <td>{{ data[0].assist_n }}</td>
              <td>{{ data[1].assist_n }}</td>
              <td>{{ data[2].assist_n }}</td>
              <td>{{ data[3].assist_n }}</td>
            </tr>
            <tr>
              <td>频率可变阻尼减振器</td>
              <td>{{ data[0].assist_o }}</td>
              <td>{{ data[1].assist_o }}</td>
              <td>{{ data[2].assist_o }}</td>
              <td>{{ data[3].assist_o }}</td>
            </tr>
            <tr>
              <td>前2后4泊车雷达</td>
              <td>{{ data[0].assist_p }}</td>
              <td>{{ data[1].assist_p }}</td>
              <td>{{ data[2].assist_p }}</td>
              <td>{{ data[3].assist_p }}</td>
            </tr>
            <tr>
              <td>3D全息透明影像系统</td>
              <td>{{ data[0].assist_q }}</td>
              <td>{{ data[1].assist_q }}</td>
              <td>{{ data[2].assist_q }}</td>
              <td>{{ data[3].assist_q }}</td>
            </tr>
            <tr>
              <td>行车记录仪</td>
              <td>{{ data[0].assist_r }}</td>
              <td>{{ data[1].assist_r }}</td>
              <td>{{ data[2].assist_r }}</td>
              <td>{{ data[3].assist_r }}</td>
            </tr>
            <tr>
              <td>远程遥控启动</td>
              <td>{{ data[0].assist_s }}</td>
              <td>{{ data[1].assist_s }}</td>
              <td>{{ data[2].assist_s }}</td>
              <td>{{ data[3].assist_s }}</td>
            </tr>
            <tr>
              <td>手机遥控驾驶</td>
              <td>{{ data[0].assist_t }}</td>
              <td>{{ data[1].assist_t }}</td>
              <td>{{ data[2].assist_t }}</td>
              <td>{{ data[3].assist_t }}</td>
            </tr>
          </table>
          <el-button type="success" id="table6">外观装备</el-button>
          <table style="border-collapse: collapse" border="1">
            <tr>
              <td>全景天幕</td>
              <td>{{ data[0].facade_a }}</td>
              <td>{{ data[1].facade_a }}</td>
              <td>{{ data[2].facade_a }}</td>
              <td>{{ data[3].facade_a }}</td>
            </tr>
            <tr>
              <td>光感天幕</td>
              <td>{{ data[0].facade_b }}</td>
              <td>{{ data[1].facade_b }}</td>
              <td>{{ data[2].facade_b }}</td>
              <td>{{ data[3].facade_b }}</td>
            </tr>
            <tr>
              <td>AGS主动进气格栅</td>
              <td>{{ data[0].facade_c }}</td>
              <td>{{ data[1].facade_c }}</td>
              <td>{{ data[2].facade_c }}</td>
              <td>{{ data[3].facade_c }}</td>
            </tr>
            <tr>
              <td>运动尾翼</td>
              <td>{{ data[0].facade_d }}</td>
              <td>{{ data[1].facade_d }}</td>
              <td>{{ data[2].facade_d }}</td>
              <td>{{ data[3].facade_d }}</td>
            </tr>
            <tr>
              <td>无钥匙进入及一键启动</td>
              <td>{{ data[0].facade_e }}</td>
              <td>{{ data[1].facade_e }}</td>
              <td>{{ data[2].facade_e }}</td>
              <td>{{ data[3].facade_e }}</td>
            </tr>
            <tr>
              <td>蓝牙钥匙</td>
              <td>{{ data[0].facade_f }}</td>
              <td>{{ data[1].facade_f }}</td>
              <td>{{ data[2].facade_f }}</td>
              <td>{{ data[3].facade_f }}</td>
            </tr>
            <tr>
              <td>手机NFC车钥匙</td>
              <td>{{ data[0].facade_g }}</td>
              <td>{{ data[1].facade_g }}</td>
              <td>{{ data[2].facade_g }}</td>
              <td>{{ data[3].facade_g }}</td>
            </tr>
            <tr>
              <td>前舱盖气弹簧开启</td>
              <td>{{ data[0].facade_h }}</td>
              <td>{{ data[1].facade_h }}</td>
              <td>{{ data[2].facade_h }}</td>
              <td>{{ data[3].facade_h }}</td>
            </tr>
            <tr>
              <td>前舱储物盒</td>
              <td>{{ data[0].facade_i }}</td>
              <td>{{ data[1].facade_i }}</td>
              <td>{{ data[2].facade_i }}</td>
              <td>{{ data[3].facade_i }}</td>
            </tr>
            <tr>
              <td>感应式电动尾门</td>
              <td>{{ data[0].facade_j }}</td>
              <td>{{ data[1].facade_j }}</td>
              <td>{{ data[2].facade_j }}</td>
              <td>{{ data[3].facade_j }}</td>
            </tr>
            <tr>
              <td>隐藏式电动门把手</td>
              <td>{{ data[0].facade_k }}</td>
              <td>{{ data[1].facade_k }}</td>
              <td>{{ data[2].facade_k }}</td>
              <td>{{ data[3].facade_k }}</td>
            </tr>
            <tr>
              <td>品牌轮胎</td>
              <td>{{ data[0].facade_m }}</td>
              <td>{{ data[1].facade_m }}</td>
              <td>{{ data[2].facade_m }}</td>
              <td>{{ data[3].facade_m }}</td>
            </tr>
            <tr>
              <td>纽北绿/勒芒橙外饰套件</td>
              <td>{{ data[0].facade_n }}</td>
              <td>{{ data[1].facade_n }}</td>
              <td>{{ data[2].facade_n }}</td>
              <td>{{ data[3].facade_n }}</td>
            </tr>
            <tr>
              <td>前后专属色制动卡钳</td>
              <td>{{ data[0].facade_o }}</td>
              <td>{{ data[1].facade_o }}</td>
              <td>{{ data[2].facade_o }}</td>
              <td>{{ data[3].facade_o }}</td>
            </tr>
            <tr>
              <td>补胎器</td>
              <td>{{ data[0].facade_p }}</td>
              <td>{{ data[1].facade_p }}</td>
              <td>{{ data[2].facade_p }}</td>
              <td>{{ data[3].facade_p }}</td>
            </tr>
          </table>
          <el-button type="success" id="table7">内饰装备</el-button>
          <table style="border-collapse: collapse" border="1">
            <tr>
              <td>10.25英寸全液晶仪表</td>
              <td>{{ data[0].trim_a }}</td>
              <td>{{ data[1].trim_a }}</td>
              <td>{{ data[2].trim_a }}</td>
              <td>{{ data[3].trim_a }}</td>
            </tr>
            <tr>
              <td>多功能真皮方向盘</td>
              <td>{{ data[0].trim_b }}</td>
              <td>{{ data[1].trim_b }}</td>
              <td>{{ data[2].trim_b }}</td>
              <td>{{ data[3].trim_b }}</td>
            </tr>
            <tr>
              <td>前排手机无线充电×2</td>
              <td>{{ data[0].trim_c }}</td>
              <td>{{ data[1].trim_c }}</td>
              <td>{{ data[2].trim_c }}</td>
              <td>{{ data[3].trim_c }}</td>
            </tr>
            <tr>
              <td>高级真皮座椅</td>
              <td>{{ data[0].trim_d }}</td>
              <td>{{ data[1].trim_d }}</td>
              <td>{{ data[2].trim_d }}</td>
              <td>{{ data[3].trim_d }}</td>
            </tr>
            <tr>
              <td>主驾座椅8向电动调节</td>
              <td>{{ data[0].trim_e }}</td>
              <td>{{ data[1].trim_e }}</td>
              <td>{{ data[2].trim_e }}</td>
              <td>{{ data[3].trim_e }}</td>
            </tr>
            <tr>
              <td>主驾座椅记忆</td>
              <td>{{ data[0].trim_f }}</td>
              <td>{{ data[1].trim_f }}</td>
              <td>{{ data[2].trim_f }}</td>
              <td>{{ data[3].trim_f }}</td>
            </tr>
            <tr>
              <td>主驾座椅4向电动调节腰撑</td>
              <td>{{ data[0].trim_g }}</td>
              <td>{{ data[1].trim_g }}</td>
              <td>{{ data[2].trim_g }}</td>
              <td>{{ data[3].trim_g }}</td>
            </tr>
            <tr>
              <td>主驾座椅通风</td>
              <td>{{ data[0].trim_h }}</td>
              <td>{{ data[1].trim_h }}</td>
              <td>{{ data[2].trim_h }}</td>
              <td>{{ data[3].trim_h }}</td>
            </tr>
            <tr>
              <td>主驾座椅加热</td>
              <td>{{ data[0].trim_i }}</td>
              <td>{{ data[1].trim_i }}</td>
              <td>{{ data[2].trim_i }}</td>
              <td>{{ data[3].trim_i }}</td>
            </tr>
            <tr>
              <td>副驾座椅通风</td>
              <td>{{ data[0].trim_j }}</td>
              <td>{{ data[1].trim_j }}</td>
              <td>{{ data[2].trim_j }}</td>
              <td>{{ data[3].trim_j }}</td>
            </tr>
            <tr>
              <td>副驾座椅加热</td>
              <td>{{ data[0].trim_k }}</td>
              <td>{{ data[1].trim_k }}</td>
              <td>{{ data[2].trim_k }}</td>
              <td>{{ data[3].trim_k }}</td>
            </tr>
            <tr>
              <td>主副驾座椅整体式头枕</td>
              <td>{{ data[0].trim_l }}</td>
              <td>{{ data[1].trim_l }}</td>
              <td>{{ data[2].trim_l }}</td>
              <td>{{ data[3].trim_l }}</td>
            </tr>
            <tr>
              <td>副驾座椅6向电动调节</td>
              <td>{{ data[0].trim_m }}</td>
              <td>{{ data[1].trim_m }}</td>
              <td>{{ data[2].trim_m }}</td>
              <td>{{ data[3].trim_m }}</td>
            </tr>
            <tr>
              <td>后排4:6可放倒座椅</td>
              <td>{{ data[0].trim_n }}</td>
              <td>{{ data[1].trim_n }}</td>
              <td>{{ data[2].trim_n }}</td>
              <td>{{ data[3].trim_n }}</td>
            </tr>
            <tr>
              <td>麂皮运动座椅</td>
              <td>{{ data[0].trim_o }}</td>
              <td>{{ data[1].trim_o }}</td>
              <td>{{ data[2].trim_o }}</td>
              <td>{{ data[3].trim_o }}</td>
            </tr>
            <tr>
              <td>麂皮车顶棚</td>
              <td>{{ data[0].trim_p }}</td>
              <td>{{ data[1].trim_p }}</td>
              <td>{{ data[2].trim_p }}</td>
              <td>{{ data[3].trim_p }}</td>
            </tr>
            <tr>
              <td>车内中控锁</td>
              <td>{{ data[0].trim_q }}</td>
              <td>{{ data[1].trim_q }}</td>
              <td>{{ data[2].trim_q }}</td>
              <td>{{ data[3].trim_q }}</td>
            </tr>
            <tr>
              <td>前排中央扶手</td>
              <td>{{ data[0].trim_r }}</td>
              <td>{{ data[1].trim_r }}</td>
              <td>{{ data[2].trim_r }}</td>
              <td>{{ data[3].trim_r }}</td>
            </tr>
            <tr>
              <td>车载12V电源接口</td>
              <td>{{ data[0].trim_s }}</td>
              <td>{{ data[1].trim_s }}</td>
              <td>{{ data[2].trim_s }}</td>
              <td>{{ data[3].trim_s }}</td>
            </tr>
            <tr>
              <td>前排双杯托</td>
              <td>{{ data[0].trim_t }}</td>
              <td>{{ data[1].trim_t }}</td>
              <td>{{ data[2].trim_t }}</td>
              <td>{{ data[3].trim_t }}</td>
            </tr>
            <tr>
              <td>后排安全带未系提醒</td>
              <td>{{ data[0].trim_u }}</td>
              <td>{{ data[1].trim_u }}</td>
              <td>{{ data[2].trim_u }}</td>
              <td>{{ data[3].trim_u }}</td>
            </tr>
            <tr>
              <td>ISO_FIX儿童座椅固定装置</td>
              <td>{{ data[0].trim_v }}</td>
              <td>{{ data[1].trim_v }}</td>
              <td>{{ data[2].trim_v }}</td>
              <td>{{ data[3].trim_v }}</td>
            </tr>
            <tr>
              <td>机械儿童安全锁</td>
              <td>{{ data[0].trim_w }}</td>
              <td>{{ data[1].trim_w }}</td>
              <td>{{ data[2].trim_w }}</td>
              <td>{{ data[3].trim_w }}</td>
            </tr>
            <tr></tr>
          </table>
          <el-button type="success" id="table8">智能系统</el-button>
          <table style="border-collapse: collapse" border="1">
            <tr>
              <td>DiLink 15.6英寸自适应旋转悬浮Pad</td>
              <td>{{ data[0].dilink_a }}</td>
              <td>{{ data[1].dilink_a }}</td>
              <td>{{ data[2].dilink_a }}</td>
              <td>{{ data[3].dilink_a }}</td>
            </tr>
            <tr>
              <td>DiLink智能网联系统</td>
              <td>{{ data[0].dilink_b }}</td>
              <td>{{ data[1].dilink_b }}</td>
              <td>{{ data[2].dilink_b }}</td>
              <td>{{ data[3].dilink_b }}</td>
            </tr>
            <tr>
              <td>5G速联</td>
              <td>{{ data[0].dilink_c }}</td>
              <td>{{ data[1].dilink_c }}</td>
              <td>{{ data[2].dilink_c }}</td>
              <td>{{ data[3].dilink_c }}</td>
            </tr>
            <tr>
              <td>智能语音交互系统</td>
              <td>{{ data[0].dilink_d }}</td>
              <td>{{ data[1].dilink_d }}</td>
              <td>{{ data[2].dilink_d }}</td>
              <td>{{ data[3].dilink_d }}</td>
            </tr>
            <tr>
              <td>GPS导航系统</td>
              <td>{{ data[0].dilink_e }}</td>
              <td>{{ data[1].dilink_e }}</td>
              <td>{{ data[2].dilink_e }}</td>
              <td>{{ data[3].dilink_e }}</td>
            </tr>
            <tr>
              <td>云服务</td>
              <td>{{ data[0].dilink_f }}</td>
              <td>{{ data[1].dilink_f }}</td>
              <td>{{ data[2].dilink_f }}</td>
              <td>{{ data[3].dilink_f }}</td>
            </tr>
            <tr>
              <td>车载蓝牙</td>
              <td>{{ data[0].dilink_g }}</td>
              <td>{{ data[1].dilink_g }}</td>
              <td>{{ data[2].dilink_g }}</td>
              <td>{{ data[3].dilink_g }}</td>
            </tr>
            <tr>
              <td>车载WiFi功能</td>
              <td>{{ data[0].dilink_h }}</td>
              <td>{{ data[1].dilink_h }}</td>
              <td>{{ data[2].dilink_h }}</td>
              <td>{{ data[3].dilink_h }}</td>
            </tr>
            <tr>
              <td>I-Call智慧客服</td>
              <td>{{ data[0].dilink_i }}</td>
              <td>{{ data[1].dilink_i }}</td>
              <td>{{ data[2].dilink_i }}</td>
              <td>{{ data[3].dilink_i }}</td>
            </tr>
            <tr>
              <td>E-Call紧急救援</td>
              <td>{{ data[0].dilink_j }}</td>
              <td>{{ data[1].dilink_j }}</td>
              <td>{{ data[2].dilink_j }}</td>
              <td>{{ data[3].dilink_j }}</td>
            </tr>
            <tr>
              <td>前排USB接口数量</td>
              <td>{{ data[0].dilink_k }}</td>
              <td>{{ data[1].dilink_k }}</td>
              <td>{{ data[2].dilink_k }}</td>
              <td>{{ data[3].dilink_k }}</td>
            </tr>
            <tr>
              <td>后排USB接口数量</td>
              <td>{{ data[0].dilink_l }}</td>
              <td>{{ data[1].dilink_l }}</td>
              <td>{{ data[2].dilink_l }}</td>
              <td>{{ data[3].dilink_l }}</td>
            </tr>
            <tr>
              <td>丹拿音响</td>
              <td>{{ data[0].dilink_m }}</td>
              <td>{{ data[1].dilink_m }}</td>
              <td>{{ data[2].dilink_m }}</td>
              <td>{{ data[3].dilink_m }}</td>
            </tr>
            <tr>
              <td>高保真扬声器</td>
              <td>{{ data[0].dilink_n }}</td>
              <td>{{ data[1].dilink_n }}</td>
              <td>{{ data[2].dilink_n }}</td>
              <td>{{ data[3].dilink_n }}</td>
            </tr>
            <tr>
              <td>车载K歌麦克风</td>
              <td>{{ data[0].dilink_o }}</td>
              <td>{{ data[1].dilink_o }}</td>
              <td>{{ data[2].dilink_o }}</td>
              <td>{{ data[3].dilink_o }}</td>
            </tr>
            <tr>
              <td>智能语音控制系统</td>
              <td>{{ data[0].dilink_p }}</td>
              <td>{{ data[1].dilink_p }}</td>
              <td>{{ data[2].dilink_p }}</td>
              <td>{{ data[3].dilink_p }}</td>
            </tr>
            <tr>
              <td>OTA远程升级</td>
              <td>{{ data[0].dilink_q }}</td>
              <td>{{ data[1].dilink_q }}</td>
              <td>{{ data[2].dilink_q }}</td>
              <td>{{ data[3].dilink_q }}</td>
            </tr>
          </table>
          <el-button type="success" id="table9">灯光设备</el-button>
          <table style="border-collapse: collapse" border="1">
            <tr>
              <td>LED前大灯</td>
              <td>{{ data[0].lamplight_a }}</td>
              <td>{{ data[1].lamplight_a }}</td>
              <td>{{ data[2].lamplight_a }}</td>
              <td>{{ data[3].lamplight_a }}</td>
            </tr>
            <tr>
              <td>LED日间行车灯</td>
              <td>{{ data[0].lamplight_b }}</td>
              <td>{{ data[1].lamplight_b }}</td>
              <td>{{ data[2].lamplight_b }}</td>
              <td>{{ data[3].lamplight_b }}</td>
            </tr>
            <tr>
              <td>贯穿式LED后组合灯</td>
              <td>{{ data[0].lamplight_c }}</td>
              <td>{{ data[1].lamplight_c }}</td>
              <td>{{ data[2].lamplight_c }}</td>
              <td>{{ data[3].lamplight_c }}</td>
            </tr>
            <tr>
              <td>AFL智能远近光灯辅助</td>
              <td>{{ data[0].lamplight_d }}</td>
              <td>{{ data[1].lamplight_d }}</td>
              <td>{{ data[2].lamplight_d }}</td>
              <td>{{ data[3].lamplight_d }}</td>
            </tr>
            <tr>
              <td>自动开启前大灯</td>
              <td>{{ data[0].lamplight_e }}</td>
              <td>{{ data[1].lamplight_e }}</td>
              <td>{{ data[2].lamplight_e }}</td>
              <td>{{ data[3].lamplight_e }}</td>
            </tr>
            <tr>
              <td>前大灯高度可调</td>
              <td>{{ data[0].lamplight_f }}</td>
              <td>{{ data[1].lamplight_f }}</td>
              <td>{{ data[2].lamplight_f }}</td>
              <td>{{ data[3].lamplight_f }}</td>
            </tr>
            <tr>
              <td>前大灯提前开启/延时关闭</td>
              <td>{{ data[0].lamplight_g }}</td>
              <td>{{ data[1].lamplight_g }}</td>
              <td>{{ data[2].lamplight_g }}</td>
              <td>{{ data[3].lamplight_g }}</td>
            </tr>
            <tr>
              <td>LED高位制动灯</td>
              <td>{{ data[0].lamplight_h }}</td>
              <td>{{ data[1].lamplight_h }}</td>
              <td>{{ data[2].lamplight_h }}</td>
              <td>{{ data[3].lamplight_h }}</td>
            </tr>
            <tr>
              <td>后动态转向灯</td>
              <td>{{ data[0].lamplight_i }}</td>
              <td>{{ data[1].lamplight_i }}</td>
              <td>{{ data[2].lamplight_i }}</td>
              <td>{{ data[3].lamplight_i }}</td>
            </tr>
            <tr>
              <td>LED触控式前后室内灯</td>
              <td>{{ data[0].lamplight_j }}</td>
              <td>{{ data[1].lamplight_j }}</td>
              <td>{{ data[2].lamplight_j }}</td>
              <td>{{ data[3].lamplight_j }}</td>
            </tr>
            <tr>
              <td>LED四门门灯</td>
              <td>{{ data[0].lamplight_k }}</td>
              <td>{{ data[1].lamplight_k }}</td>
              <td>{{ data[2].lamplight_k }}</td>
              <td>{{ data[3].lamplight_k }}</td>
            </tr>
            <tr>
              <td>多色内饰氛围灯</td>
              <td>{{ data[0].lamplight_l }}</td>
              <td>{{ data[1].lamplight_l }}</td>
              <td>{{ data[2].lamplight_l }}</td>
              <td>{{ data[3].lamplight_l }}</td>
            </tr>
            <tr>
              <td>充电口灯</td>
              <td>{{ data[0].lamplight_m }}</td>
              <td>{{ data[1].lamplight_m }}</td>
              <td>{{ data[2].lamplight_m }}</td>
              <td>{{ data[3].lamplight_m }}</td>
            </tr>
          </table>
          <el-button type="success" id="table10">玻璃设备</el-button>
          <table style="border-collapse: collapse" border="1">
            <tr>
              <td>雨量感应式雨刮</td>
              <td>{{ data[0].glass_a }}</td>
              <td>{{ data[1].glass_a }}</td>
              <td>{{ data[2].glass_a }}</td>
              <td>{{ data[3].glass_a }}</td>
            </tr>
            <tr>
              <td>四门电动车窗</td>
              <td>{{ data[0].glass_b }}</td>
              <td>{{ data[1].glass_b }}</td>
              <td>{{ data[2].glass_b }}</td>
              <td>{{ data[3].glass_b }}</td>
            </tr>
            <tr>
              <td>四门车窗一键升降带防夹功能</td>
              <td>{{ data[0].glass_c }}</td>
              <td>{{ data[1].glass_c }}</td>
              <td>{{ data[2].glass_c }}</td>
              <td>{{ data[3].glass_c }}</td>
            </tr>
            <tr>
              <td>外后视镜电动调节</td>
              <td>{{ data[0].glass_d }}</td>
              <td>{{ data[1].glass_d }}</td>
              <td>{{ data[2].glass_d }}</td>
              <td>{{ data[3].glass_d }}</td>
            </tr>
            <tr>
              <td>外后视镜电动折叠</td>
              <td>{{ data[0].glass_e }}</td>
              <td>{{ data[1].glass_e }}</td>
              <td>{{ data[2].glass_e }}</td>
              <td>{{ data[3].glass_e }}</td>
            </tr>
            <tr>
              <td>外后视镜倒车自动调节</td>
              <td>{{ data[0].glass_f }}</td>
              <td>{{ data[1].glass_f }}</td>
              <td>{{ data[2].glass_f }}</td>
              <td>{{ data[3].glass_f }}</td>
            </tr>
            <tr>
              <td>外后视镜锁车自动折叠</td>
              <td>{{ data[0].glass_g }}</td>
              <td>{{ data[1].glass_g }}</td>
              <td>{{ data[2].glass_g }}</td>
              <td>{{ data[3].glass_g }}</td>
            </tr>
            <tr>
              <td>外后视镜加热除霜</td>
              <td>{{ data[0].glass_h }}</td>
              <td>{{ data[1].glass_h }}</td>
              <td>{{ data[2].glass_h }}</td>
              <td>{{ data[3].glass_h }}</td>
            </tr>
            <tr>
              <td>内后视镜自动防眩</td>
              <td>{{ data[0].glass_i }}</td>
              <td>{{ data[1].glass_i }}</td>
              <td>{{ data[2].glass_i }}</td>
              <td>{{ data[3].glass_i }}</td>
            </tr>
            <tr>
              <td>后风窗加热除霜</td>
              <td>{{ data[0].glass_j }}</td>
              <td>{{ data[1].glass_j }}</td>
              <td>{{ data[2].glass_j }}</td>
              <td>{{ data[3].glass_j }}</td>
            </tr>
            <tr>
              <td>外后视镜记忆</td>
              <td>{{ data[0].glass_k }}</td>
              <td>{{ data[1].glass_k }}</td>
              <td>{{ data[2].glass_k }}</td>
              <td>{{ data[3].glass_k }}</td>
            </tr>
            <tr>
              <td>主驾带照明灯化妆镜</td>
              <td>{{ data[0].glass_l }}</td>
              <td>{{ data[1].glass_l }}</td>
              <td>{{ data[2].glass_l }}</td>
              <td>{{ data[3].glass_l }}</td>
            </tr>
            <tr>
              <td>副驾带照明灯化妆镜</td>
              <td>{{ data[0].glass_m }}</td>
              <td>{{ data[1].glass_m }}</td>
              <td>{{ data[2].glass_m }}</td>
              <td>{{ data[3].glass_m }}</td>
            </tr>
            <tr>
              <td>前排双层隔音玻璃</td>
              <td>{{ data[0].glass_n }}</td>
              <td>{{ data[1].glass_n }}</td>
              <td>{{ data[2].glass_n }}</td>
              <td>{{ data[3].glass_n }}</td>
            </tr>
            <tr>
              <td>后排隐私玻璃</td>
              <td>{{ data[0].glass_o }}</td>
              <td>{{ data[1].glass_o }}</td>
              <td>{{ data[2].glass_o }}</td>
              <td>{{ data[3].glass_o }}</td>
            </tr>
          </table>
          <el-button type="success" id="table11">空调设备</el-button>
          <table style="border-collapse: collapse" border="1">
            <tr>
              <td>热泵空调</td>
              <td>{{ data[0].air_a }}</td>
              <td>{{ data[1].air_a }}</td>
              <td>{{ data[2].air_a }}</td>
              <td>{{ data[3].air_a }}</td>
            </tr>
            <tr>
              <td>自动双温区恒温空调</td>
              <td>{{ data[0].air_b }}</td>
              <td>{{ data[1].air_b }}</td>
              <td>{{ data[2].air_b }}</td>
              <td>{{ data[3].air_b }}</td>
            </tr>
            <tr>
              <td>前排电动出风口</td>
              <td>{{ data[0].air_c }}</td>
              <td>{{ data[1].air_c }}</td>
              <td>{{ data[2].air_c }}</td>
              <td>{{ data[3].air_c }}</td>
            </tr>
            <tr>
              <td>PM2.5绿净系统</td>
              <td>{{ data[0].air_d }}</td>
              <td>{{ data[1].air_d }}</td>
              <td>{{ data[2].air_d }}</td>
              <td>{{ data[3].air_d }}</td>
            </tr>
            <tr>
              <td>远程高温消毒杀菌模式</td>
              <td>{{ data[0].air_e }}</td>
              <td>{{ data[1].air_e }}</td>
              <td>{{ data[2].air_e }}</td>
              <td>{{ data[3].air_e }}</td>
            </tr>
            <tr>
              <td>后排吹面风口</td>
              <td>{{ data[0].air_f }}</td>
              <td>{{ data[1].air_f }}</td>
              <td>{{ data[2].air_f }}</td>
              <td>{{ data[3].air_f }}</td>
            </tr>
            <tr>
              <td>后排吹脚风口</td>
              <td>{{ data[0].air_g }}</td>
              <td>{{ data[1].air_g }}</td>
              <td>{{ data[2].air_g }}</td>
              <td>{{ data[3].air_g }}</td>
            </tr>
            <tr>
              <td>负离子空气净化器</td>
              <td>{{ data[0].air_h }}</td>
              <td>{{ data[1].air_h }}</td>
              <td>{{ data[2].air_h }}</td>
              <td>{{ data[3].air_h }}</td>
            </tr>
          </table>
          <el-button type="success" id="table12">新能源类</el-button>
          <table style="border-collapse: collapse" border="1">
            <tr>
              <td>电池智能温控系统</td>
              <td>{{ data[0].new_energy_a }}</td>
              <td>{{ data[1].new_energy_a }}</td>
              <td>{{ data[2].new_energy_a }}</td>
              <td>{{ data[3].new_energy_a }}</td>
            </tr>
            <tr>
              <td>VTOL移动电站</td>
              <td>{{ data[0].new_energy_b }}</td>
              <td>{{ data[1].new_energy_b }}</td>
              <td>{{ data[2].new_energy_b }}</td>
              <td>{{ data[3].new_energy_b }}</td>
            </tr>
            <tr>
              <td>车辆对插排放电连接装置</td>
              <td>{{ data[0].new_energy_c }}</td>
              <td>{{ data[1].new_energy_c }}</td>
              <td>{{ data[2].new_energy_c }}</td>
              <td>{{ data[3].new_energy_c }}</td>
            </tr>
            <tr>
              <td>110kW直流充电</td>
              <td>{{ data[0].new_energy_d }}</td>
              <td>{{ data[1].new_energy_d }}</td>
              <td>{{ data[2].new_energy_d }}</td>
              <td>{{ data[3].new_energy_d }}</td>
            </tr>
            <tr>
              <td>150kW直流充电</td>
              <td>{{ data[0].new_energy_e }}</td>
              <td>{{ data[1].new_energy_e }}</td>
              <td>{{ data[2].new_energy_e }}</td>
              <td>{{ data[3].new_energy_e }}</td>
            </tr>
            <tr>
              <td>7kW交流充电</td>
              <td>{{ data[0].new_energy_f }}</td>
              <td>{{ data[1].new_energy_f }}</td>
              <td>{{ data[2].new_energy_f }}</td>
              <td>{{ data[3].new_energy_f }}</td>
            </tr>
            <tr>
              <td>家用220V交流充电枪(3转7)</td>
              <td>{{ data[0].new_energy_g }}</td>
              <td>{{ data[1].new_energy_g }}</td>
              <td>{{ data[2].new_energy_g }}</td>
              <td>{{ data[3].new_energy_g }}</td>
            </tr>
            <tr>
              <td>预约充电系统</td>
              <td>{{ data[0].new_energy_h }}</td>
              <td>{{ data[1].new_energy_h }}</td>
              <td>{{ data[2].new_energy_h }}</td>
              <td>{{ data[3].new_energy_h }}</td>
            </tr>
            <tr>
              <td>车内220V交流插座</td>
              <td>{{ data[0].new_energy_i }}</td>
              <td>{{ data[1].new_energy_i }}</td>
              <td>{{ data[2].new_energy_i }}</td>
              <td>{{ data[3].new_energy_i }}</td>
            </tr>
            <tr>
              <td>ECO/SPORT/NORMAL/雪地驾驶模式</td>
              <td>{{ data[0].new_energy_j }}</td>
              <td>{{ data[1].new_energy_j }}</td>
              <td>{{ data[2].new_energy_j }}</td>
              <td>{{ data[3].new_energy_j }}</td>
            </tr>
          </table>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import BydHeader from '../components/BydHeader.vue'
export default {
  components: { BydHeader },
  data() {
    return {
      tabPosition: "left",
      data: "",
    }
  },

  mounted() {
    this.getData()
    // 原生DOM：标签添加高亮
    //查询到所有的span
    const tbs = document.querySelectorAll("#tb i")
    tbs.forEach(
      (tb) =>
        (tb.onclick = function () {
          //1.先找到当前active的，删了  (先分手)
          document.querySelector(".active").classList.remove("active")
          //2.再为当前点击的添加  （再谈新的，只能有一个）
          this.classList.add("active")
        })
    )
  },
  methods: {
    getData() {
      const url = "/param?page=1"
      this.axios.get(url).then((res) => {
        this.data = res.data.data
      })
    },
  },
}
</script>

<style lang="scss" scoped>
#center {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}

// 车名h4文字样式
h4 {
  color: rgb(61, 42, 42);
  line-height: 20px;
  height: 20px;
  margin: 0px;
}


// 锚点样式
// 外层大的div
body {
  position: relative;
}
.titles {
  height: 400px;
  width: 120px;
  position: absolute;
  z-index: auto;
  top: 25%;
  left: 2%;
  user-select: none;
}

// 左侧列表样式
ul {
  box-shadow: 0 0 8px rgb(223, 222, 222);
  border-radius: 8px;
  padding: 0px;

  li{
    width: 100%;
    text-align: center;

      a {
      color: rgb(59, 59, 59);
      text-decoration: none;
      display: inline-block;
      line-height: 40px;
      font-size: 14px;
    }
  }   
}


#tb i:hover,
  /* 默认class为sctice的亮起来 */
  #tb i.active {
  color: #00b1a9;
  margin: 10px;
}

// 表格上面标题的样式
#table1,
#table2,
#table3,
#table4,
#table5,
#table6,
#table7,
#table8,
#table9,
#table10,
#table11,
#table12 {
  font-size: 18px;
  margin: 10px;
  background-color: #00b1a9;
  border: 0;
  padding-left: 80px;
  padding-right: 80px;
  margin-left: 33px;
}

#table1 {
  margin-top: 0;
}

// 表格的样式
table {
  font-size: 14px;
  border-color: #c8c9cd;
  width: 100%;
  color: rgb(121, 116, 116);

  tr {
    height: 40px;
  }
  td:nth-child(1) {
    color: rgb(64, 63, 63);
    width: 16%;
  }
}

// 栅格布局的css
.el-row {
  margin-bottom: 20px;
  &:last-child {
    margin-bottom: 0;
  }
}

.grid-content {
  border-radius: 4px;
  min-height: 36px;
}

// 卡片的css

.image {
  width: 100%;
  display: block;

  &:hover{
    transform: scale(1.15);
    transition: 1.5s;
    cursor: pointer;
  }
}

/* 修改滚动条样式 */
.scroll::-webkit-scrollbar {
  width: 6px; /*设置滚动条的宽度*/
}

/* 滚动区域的样式 */
.scroll::-webkit-scrollbar-thumb {
  border-radius: 10px; /*设置滚动条的圆角*/
  background: rgb(197, 196, 196); /*设置滚动条的颜色*/
}

/* 滚动条的背景样式 */
.scroll::-webkit-scrollbar-track {
  border-radius: 0;
  background-color: #fff;
}
</style>
